@media (max-width: 767px) {
	// 防止 ios 上手指滑动时，触发页面弹动
	// 只应用在手机上，是因为PC上部分界面需要滚动条，比如审批王申请单打印界面
	html, body {
		position: fixed;
		overflow: hidden;
	}
}

body {

	background-size: cover;

	button {
		margin-right: 0px;
	}

	zoom: 1 !important;

}

.steedos {
	label{
		/*#1621 fix 全局label样式的margin-bottom属性可能被devexpress/client/css/dx.spa.css覆盖*/
		margin-bottom: 5px;
	}

	.steedos-brand-band {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		position: relative;
		height: 100%;
		width: 100%;
		.slds-page-header {
			.crm-header-icon {
				display: block;
				border-radius: .125rem;
			}
			.crm-header-icon .uiImage {
				display: inherit;
			}
			h1.crm-header-title {
				font-size: 16px;
				position: relative;
			}
			.crm-breadcrumb-item span {
				font-size: 13px;
			}

			.crm-header-menu {
				font-size: 0.8125rem;
				font-weight: normal;
			}
		}

		.listViewManager {
			height: 100%;
			border-radius: 0.25rem;
			background-clip: padding-box;
			.slds-page-header{
				border-top: none;
				border-left: none;
				border-right: none;
			}
			.forceListViewManagerHeader {
				.slds-button {
					cursor: pointer;
				}
			}
			.list-view-controls {
				.slds-text-title--caps {
					// 参考saleforce这块是用的12px
					font-size: 12px;
				}
			}
			.table-grid-content {
				height: 100%;
				.tale-content {
					width: 100%;
					height: 100%;
					min-height: 200px;
					padding-top: 0;
					padding-bottom: 0;
					border-bottom-right-radius: 6px;
					border-bottom-left-radius: 6px;
					overflow: hidden;

					& > div {
						height: 100%;
					}

					.dataTable {
						width: auto;
						margin-top: 0 !important;
						border-top: none !important;
						td:not(:first-child) {
							padding: 5px 8px 4px 8px;
						}
						.creator_table_cell {
							line-height: 1.25rem;
						}
						th.slds-is-sortable {
							.slds-is-sortable__icon {
								display: inline-block;
								fill-opacity: 0;
							}
						}
						th.slds-is-sortable:hover,
						th.slds-is-sortable:focus {
							.slds-is-sortable__icon {
								fill-opacity: 1;
							}
						}
					}

					.gridContainer{
						.dx-datagrid{
							.dx-scrollable-wrapper{
								.dx-scrollable-container{
									.dx-row.dx-freespace-row{
										// 当列表内容不多时不应该显示滚动条
										display: none!important;
									}
								}
							}
						}
					}

				}
				.table-creator {
					margin-top: 0px !important;
				}
			}
		}
	}

	.slds-card{
		.slds-table{
			tr:nth-last-child(1), tr:nth-last-child(2), tr:nth-last-child(3) {
				.dropdown-menu{
					bottom: 100%;
					top: auto;
				}
			}
		}
	}

	.slds-table+.dataTables_paginate{
		text-align: left;
		margin-left: 1.5rem;
	}

	.list-table-container{
		.dataTables_wrapper {
			.dataTable {
				table-layout: fixed;
			}
			.JCLRgrip {
				.JColResizer {
					top: 1px;
					height: 70vh;
				}
			}
		}
		.dataTable thead {
			& > tr > th.sorting_asc,
			& > tr > th.sorting_desc,
			& > tr > th.sorting,
			& > tr > td.sorting_asc,
			& > tr > td.sorting_desc,
			& > tr > td.sorting {
				padding-right: 0px;
				& > a {
					padding-right: 30px;
				}
			}

			.sorting:after,
			.sorting_asc:after,
			.sorting_desc:after,
			.sorting_asc_disabled:after,
			.sorting_desc_disabled:after {
				display: none;
				bottom: 4px;
			}
		}

		.dataTable {
			thead > tr > th {
				position: relative;
				.slds-th__action {
					margin-bottom: 1px;
				}
			}
		}
	}
}


.td-cell-wrap {
	table {
		td {
			white-space: normal;

			/**grid列表字段很多时，列显示异常 #1232
			.slds-truncate {
				overflow-wrap: break-word;
				word-wrap: break-word;
				word-break: break-all;
				white-space: normal;
			}
			**/
		}
	}
}

.steedos.fixed {
    #sidebar-menu {
    background: rgba(255, 255, 255, 1);
		position: fixed;
		top: 90px;
		width: 250px;
		height: calc(~"100% - 90px");
		padding: 0;
		// box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
    }
	// .creator-content-wrapper {
	// 	top: 90px;
	// 	//background: rgba(255, 255, 255, 0.8);
	// 	overflow: auto;
	// 	position: absolute;
	// 	left: 0;
	// 	right: 0;
	// 	bottom: 0;
	// 	padding-top: 0px;
	// 	min-height: auto;
	// 	//padding-bottom: 0.75rem;
	// 	.content-wrapper{
	// 		background: transparent;
	// 	}
	// }

	.slds-form-element {
		.control-label{
			font-weight: normal;
			color: rgb(112, 110, 107);
		}
	}
	.dx-datagrid {
		background: transparent;
		.dx-datagrid-rowsview {
			border-top: 0;
		}
		.dx-row {
			background-color: transparent;
		}
		.dx-freespace-row {
			td, td:hover {
				background-color: transparent;
			}
		}
		.dx-datagrid-pager.dx-widget {
			padding: 3px;
			font-size: 12px;
			border-top: 1px solid #ddd;
			.dx-page-sizes .dx-page-size {
				padding: 3px 8px 3px 8px;
			}
			.dx-pages .dx-page {
				padding: 3px 8px 3px 8px;
			}
			.dx-pages .dx-prev-button, .dx-pages .dx-next-button {
				padding: 3px 8px 3px 8px;
				line-height: 25px;
			}

		}
	}

	.slds-tabs_default__nav, .slds-tabs--default__nav {
		border-bottom: 1px solid #e7e7eb;
	}

	.slds-modal__header {
		background-color: #F4F4F4;
		border-bottom: 1px solid #D5D5DA;
		color: #878687;
	}

	.slds-modal__footer {
		border-top: 1px solid #D5D5D5;
	}

	.forceEntityIcon.extraSmall {
	    width: 1.5rem;
	    height: 1.5rem;
	}

	.forceEntityIcon {
	    display: block;
	    border-radius: .125rem;
	}

	.creator_view #creator-tabular {
		.slds-card + .slds-card {
			margin-top: 0.75rem;
		}
	}

	.modal-dialog {
		margin: 0 auto;
	}

	.modal, .modal-header, .modal-body, .modal-footer {
		zoom: 1 !important;
	}

}

.flexipageBaseRecordHomeTemplateDesktop{
    height:100%;
}
.flexipageBaseRecordHomeTemplateDesktop .row-main{
    display:flex;
    flex-flow:row nowrap;
    margin: .75rem 0 0 0;
}
.flexipageBaseRecordHomeTemplateDesktop .region-subheader{
    margin-top:.75rem
}
.flexipageBaseRecordHomeTemplateDesktop .region-main{
    flex:auto;
    max-width:70%;
    min-width:564px
}
.flexipageBaseRecordHomeTemplateDesktop .region-full-width{
    max-width:100%
}
.flexipageBaseRecordHomeTemplateDesktop .region-sidebar-right,.flexipageBaseRecordHomeTemplateDesktop .region-sidebar-left{
    flex:0 0 auto;
    width:calc(100% / 3);
    min-width:404px
}
.flexipageBaseRecordHomeTemplateDesktop .region-sidebar-right{
    padding-left:.75rem;
    padding-right:0
}
.flexipageBaseRecordHomeTemplateDesktop .region-sidebar-left{
    padding-left:0;
    padding-right:.75rem
}
/* 暂时停用右侧栏，原始 (max-width:47.9375em) */
@media only screen and (max-width:47.9375em){
    .flexipageBaseRecordHomeTemplateDesktop{
        min-width:auto
    }
    .flexipageBaseRecordHomeTemplateDesktop .row-main{
        flex-direction:column;
    }
    .flexipageBaseRecordHomeTemplateDesktop .region-main{
        min-width:auto;
        max-width:initial
    }
    .flexipageBaseRecordHomeTemplateDesktop .region-sidebar-right,.flexipageBaseRecordHomeTemplateDesktop .region-sidebar-left{
        min-width:auto;
        width:100%;
        padding:0
    }
    .flexipageBaseRecordHomeTemplateDesktop .region-sidebar-right{
        margin-top:.75rem
    }
}

.dx-scheduler-header {
	position: absolute;
    top: 3px;
    left: calc(~"50% - 140px");
    right: 100px;
    background: transparent;
    border: none;
    width: auto;
}

.dx-scheduler-work-space {
	padding-top: 0;
	margin-top: 0;
}

.dx-scheduler-all-day-title {
	margin-top: -64px;
}

.dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:last-child {
	font-size: 16px;
}

.dx-scheduler-navigator-caption {
	max-width: unset;
	width: auto;
}

.slds-form_horizontal .slds-form-element__control {
	line-height: 24px;
}


.dx-treeview-item {
	padding: 8px 8px;
    min-height: 32px;
    line-height: inherit;
}

.dx-treeview-toggle-item-visibility {
	height: 34px;
}


.dx-treelist-headers .dx-treelist-table .dx-row > td {
	padding-top: 6px;
	padding-bottom: 6px;
}

.dx-treelist .dx-row > td {
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: unset;
}

.dx-treeview-with-search .dx-placeholder {
	font-size: 13px;
}

.slds-card {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border: 0.1px solid transparent;
}

.dx-treeview [role="treeitem"][aria-selected="true"] > .dx-treeview-item {
    background: rgba(21, 137, 238, 0.1);
    -webkit-box-shadow: #1589ee 4px 0 0 inset;
    box-shadow: #1589ee 4px 0 0 inset;
}

.dx-treeview-node {
    padding-left: 0;
}

.dx-treeview-search {
	margin: 8px 6px;
}

.dx-treeview-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.87);
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
  background-color: rgba(0, 0, 0, 0.05);
}

.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
	font-size: 18px;
}

.dx-treeview-toggle-item-visibility {
	font-size: 18px;
}
.dx-treeview {
	.dx-treeview-item-with-checkbox {
		&>.dx-checkbox {
			margin-top: -6px;
		}
	}
}

.dx-treeview [aria-level="1"] {
	&>.dx-treeview-item {
		padding-left: 24px;
	}

	&.dx-treeview-item-with-checkbox {
		&>.dx-treeview-item {
			padding-left: 68px;
		}
	}
}

.dx-treeview [aria-level="2"] {
	&>.dx-treeview-item {
		padding-left: 48px;
	}

	&.dx-treeview-item-with-checkbox {
		&>.dx-checkbox {
			margin-left: 30px;
		}

		&>.dx-treeview-item {
			padding-left: 98px;
		}
	}
}

.dx-treeview [aria-level="3"] {
	&>.dx-treeview-item {
		padding-left: 72px;
	}

	&.dx-treeview-item-with-checkbox {
		&>.dx-checkbox {
			margin-left: 60px;
		}

		&>.dx-treeview-item {
			padding-left: 128px;
		}
	}
}

.dx-treeview [aria-level="4"] {
	&>.dx-treeview-item {
		padding-left: 96px;
	}

	&.dx-treeview-item-with-checkbox {
		&>.dx-checkbox {
			margin-left: 90px;
		}

		&>.dx-treeview-item {
			padding-left: 158px;
		}
	}
}

.dx-treeview [aria-level="5"] {
	&>.dx-treeview-item {
		padding-left: 120px;
	}

	&.dx-treeview-item-with-checkbox {
		&>.dx-checkbox {
			margin-left: 120px;
		}

		&>.dx-treeview-item {
			padding-left: 188px;
		}
	}
}

.dx-treeview [aria-level="6"] {
	&>.dx-treeview-item {
		padding-left: 144px;
	}

	&.dx-treeview-item-with-checkbox {
		&>.dx-checkbox {
			margin-left: 150px;
		}

		&>.dx-treeview-item {
			padding-left: 218px;
		}
	}
}

.dx-treeview [aria-level="7"] {
	&>.dx-treeview-item {
		padding-left: 168px;
	}

	&.dx-treeview-item-with-checkbox {
		&>.dx-checkbox {
			margin-left: 180px;
		}

		&>.dx-treeview-item {
			padding-left: 248px;
		}
	}
}

.dx-treeview [aria-level="8"] {
	&>.dx-treeview-item {
		padding-left: 192px;
	}

	&.dx-treeview-item-with-checkbox {
		&>.dx-checkbox {
			margin-left: 210px;
		}

		&>.dx-treeview-item {
			padding-left: 278px;
		}
	}
}

.dx-treeview [aria-level="9"] {
	&>.dx-treeview-item {
		padding-left: 216px;
	}

	&.dx-treeview-item-with-checkbox {
		&>.dx-checkbox {
			margin-left: 240px;
		}

		&>.dx-treeview-item {
			padding-left: 308px;
		}
	}
}

.dx-treeview [aria-level="10"] {
	&>.dx-treeview-item {
		padding-left: 240px;
	}

	&.dx-treeview-item-with-checkbox {
		&>.dx-checkbox {
			margin-left: 270px;
		}

		&>.dx-treeview-item {
			padding-left: 338px;
		}
	}
}

.dx-treeview [aria-level="2"] > .dx-treeview-toggle-item-visibility {
margin-left: 24px; }
.dx-treeview [aria-level="3"] > .dx-treeview-toggle-item-visibility {
margin-left: 48px; }
.dx-treeview [aria-level="4"] > .dx-treeview-toggle-item-visibility {
margin-left: 72px; }
.dx-treeview [aria-level="5"] > .dx-treeview-toggle-item-visibility {
margin-left: 96px; }
.dx-treeview [aria-level="6"] > .dx-treeview-toggle-item-visibility {
margin-left: 120px; }
.dx-treeview [aria-level="7"] > .dx-treeview-toggle-item-visibility {
margin-left: 144px; }
.dx-treeview [aria-level="8"] > .dx-treeview-toggle-item-visibility {
margin-left: 168px; }
.dx-treeview [aria-level="9"] > .dx-treeview-toggle-item-visibility {
margin-left: 192px; }
.dx-treeview [aria-level="10"] > .dx-treeview-toggle-item-visibility {
margin-left: 216px; }


// 滚动条宽度默认值加大
.dx-scrollbar-vertical {
	&.dx-scrollbar-hoverable {
		width: 12px;
		&.dx-state-hover {
			width: 16px;
			.dx-scrollable-scroll {
				width: 16px;
			}
		}
	}
	.dx-scrollable-scroll {
		width: 12px;
	}
}
.dx-scrollbar-horizontal{
	&.dx-scrollbar-hoverable{
		height: 12px;
		&.dx-state-hover {
			height: 16px;
			.dx-scrollable-scroll {
				height: 18px;
			}
		}
	}
	.dx-scrollable-scroll {
		height: 14px;
	}
}


.dropdown-menu{
	&.dropdown-menu-redio{
		.slds-dropdown__item{
			&> a{
				color: #777;
				.slds-truncate{
					.slds-button__icon{
						visibility: hidden;
						margin-right: 0.2rem;
					}
				}
			}
			&.slds-is-selected > a{
				color: #333;
				.slds-truncate{
					.slds-button__icon{
						visibility: visible;
					}
				}
			}
		}
	}
}

.steedos{
	.dx-button-text{
		// 我们不需要自动转大写功能
		text-transform: unset;
	}
	.dx-actionsheet-popover-wrapper{
		.dx-overlay-content{
			border: 1px solid #ddd;
			background: #fff;
			-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
			box-shadow: 0 6px 12px rgba(0,0,0,.175);
			border-radius: 6px;
			min-width: 10rem;
			.dx-popup-content{
				padding: 1rem;
				.dx-actionsheet-item{
					.dx-button{
						border-radius: 4px;
						border-width: 1px;
						border-style: solid;
						background-color: #fff;
						border-color: #ddd;
						color: #333;
						box-shadow: none;
					}
				}
			}
		}
	}
}

.steedos .navigation-bar {
	width: 100%;
	padding: 9px;
	height: 51px;
	border-bottom: 1px solid #dddbda;
	background-color: #f3f2f2;
}

.object-form{
	label{
		font-weight: 400
	}
}